<html>
	<head>
		<title>Household Title | Calculators </title>	
		<style type="text/css">
			body
			{
				font-family: Arial,tahoma,arial,helvetica,sans-serif;;
				
				font-size: 12px;
			}
			select
			{
				font-size: 12px;
			}
			.container
			{
				
				width: 750px;
				border: 1px solid #000000;
                                margin:0 auto;
			}
			label
			{
				padding-top:5px;
			}
			.navcontainer ul
			{
				background-color: white;
				border-bottom:1px solid #DFDFDF;
				border-top:1px solid #DFDFDF;
				float:left;
				font-family:arial,helvetica,sans-serif;
				font-size:11px;
				margin:0pt;
				padding:0pt;
				width:100%;
			}
			.navcontainer ul li
			{
				display: inline;
				text-align: center;
				margin-left:2px;
			}
			.navcontainer ul li a:hover
			{
				background-color:lightblue;
				color:#FFFFFF;
			}
			.navcontainer ul li a
			{
				border-right:1px solid #DFDFDF;
				background-color: aliceblue;
				font-weight: bold;
				color:black;
				float:left;
				padding:5px;
				text-decoration:none;
				width: 100px;
			}
			.navcontainer ul li a.current
			{
				border-right:1px solid #f00;
				background-color:cadetblue;
				font-weight: bold;
				color:black;
				float:left;
				padding:5px;
				text-decoration:none;
				width: 100px;
			}
			
			#tabcontent
			{
				min-height: 500px;
				padding-top: 80px;
				padding-left: 10px;
			}
			#preloader
			{
				position: absolute;
				top: 150px;
				left: 100px;
				z-index: 100;
				padding: 5px;
				text-align: center;
				background-color: #FFFFFF;
				border: 1px solid #000000;
			}
		   #btnext
			{
				float:right;
				font-size:11px;
				font-family: Arial,tahoma,arial,helvetica,sans-serif;
				margin-right:10px;
						
			}
			#btpre
			{
			   font-size:11px;
			   font-family: Arial,tahoma,arial,helvetica,sans-serif;;
						
			}
			#btcalculator
			{
				margin-left:200px;
				font-size:11px;
				font-family: Arial,tahoma,arial,helvetica,sans-serif;;
						
			}
			#buttoninfo
			{
				padding-top:20px;
			}
		</style>
		
		 <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
		<script type="text/javascript">			
			
				jQuery(document).ready(function(){				
				
				//$("#preloader").hide();				
				jQuery("[id^=tab]").click(function(){	
					//alert("OK");
					// get tab id and tab url
					tabId = $(this).attr("id");										
					//tabUrl = jQuery("#"+tabId).attr("href");
					
					jQuery("[id^=tab]").removeClass("current");
					jQuery("#"+tabId).addClass("current");
					
					// load tab content
					//loadTabContent(tabUrl);
					
				});
                                jQuery("#chkowner").click(function(){
                                    if (jQuery('input[name=chkowner]').is(':checked'))
                                        {
                                            jQuery("#policy").css('display','block');
                            
                                        }
                                     else
                                         {
                                             jQuery("#policy").css('display','none');
                                         }
                                });
                                jQuery("#chkowner").click(function(){
                                    if (jQuery('input[name=chkowner]').is(':checked'))
                                        {
                                            jQuery("#policy").css('display','block');
                            
                                        }
                                     else
                                         {
                                             jQuery("#policy").css('display','none');
                                         }
                                });
			});
			
		</script>
	</head>
	<body>
		
		<div class="container">
		
			<div class="navcontainer">
				<ul>
					<li><a id="tab1" href="index.php?state=maryland">Maryland</a></li>
					<li><a id="tab2" href="index.php?state=virginia">Virginia</a></li>
					<li><a id="tab3" href="index.php?state=wsdc">Washington, DC</a></li>
					<li><a id="tab4" href="index.php?state=delaware">Delaware</a></li>
					<li><a id="tab5" href="index.php?state=florida">Florida</a></li>
				</ul>
			</div>

			<div id="tabcontent">
			  <?php
			    $mn = $_GET['state'];
			    switch ($mn)
				{
					case 'maryland':
                                        {
						require_once('maryland.php');
                                                
                           ?>
                            <script>
                                document.getElementById("tab1").style.color = "red";
                            </script>    
                           <?php
                                        }
                                            
                                                
					break;
					case 'virginia':
						require_once('virginia.php');
                           ?>       
                             <script>
                                document.getElementById("tab2").style.color = "red";
                            </script>
                            <?php
					break;
					case 'wsdc':
						require_once('wsdc.php');
                            ?>
                              <script>
                                document.getElementById("tab3").style.color = "red";
                             </script>
                            <?php
					break;
					case 'delaware':
						require_once('delaware.php');
                            ?>
                               <script>
                                document.getElementById("tab4").style.color = "red";
                             </script>
                            <?php
					break;
					case 'florida':
						require_once('florida.php');
                            ?>
                               <script>
                                document.getElementById("tab5").style.color = "red";
                              </script>
                            <?php
					break;
					default :
						require_once('maryland.php');
                            ?>
                                <script>
                                document.getElementById("tab1").style.color = "red";
                               </script>
                            <?php
					break;
	
				}
			  ?>
			
			</div>
	
		</div>
		

				
	</body>
</html>